<!--
 * @Author: Cui Ruichen
 * @Date: 2023-03-23 14:35:18
 * @LastEditors: Cui Ruichen
 * @LastEditTime: 2023-03-23 14:35:18
 * @Description: 布局设置悬浮框
-->
<template>
  <div class="setting-panel">在这里可以设置选择布局以及颜色主题</div>
</template>

<script lang="ts">
export default { name: "SettingPanel" }; // 组件名
</script>

<script setup lang="ts"></script>

<style scoped lang="scss">
.setting-panel {
  position: fixed;
  top: 50%;
  right: 0;
  width: 100px;
  height: 300px;
  transform: translateY(-40%);
  transition: opacity 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 999;
}
</style>
